<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			{{msg}}
			
		</div>
		
		<script type="text/javascript">
			var vm = new Vue({
				el:"#app",
				data:{msg:"1"},
				beforeCreate:function(){
					console.log('beforeCreate');
				},
				
				created:function(){
					console.log('created');
				},
				
				beforeMount:function(){
					console.log('beforeMount');
				},
				
				mounted() {
					console.log('mounted');
				},
				
				beforeUpdate:function(){
					console.log('beforeUpdate');
				},
				
				updated: () => {
					console.log('updated');
				}
			})
			
			vm.$data.msg = "2";
		</script>
	</body>
</html>
